<template>
	<div id="app">
		<indexh :titleMsg="titleMsg"></indexh>
		<indexb :users="users" ></indexb>
		<!-- <img alt="Vue logo" src="./assets/logo.png"> -->
		<indexf  :titleMsg="titleMsg"></indexf>
	</div>
</template>

<script>
	import indexh from './components/index_header.vue'
	import indexf from './components/index_foot.vue'
	import indexb from './components/index_body.vue'
	

	export default {
		name: 'App',
		data() {
			return{
				users:[
					{name:"whkgogo",age:21,position:"web前端开发",isshow:false},
					{name:"whkgogo",age:21,position:"web前端开发",isshow:false},
					{name:"whkgogo",age:21,position:"web前端开发",isshow:false},
					{name:"whkgogo",age:21,position:"web前端开发",isshow:false},
					{name:"whkgogo",age:21,position:"web前端开发",isshow:false},
					{name:"whkgogo",age:21,position:"web前端开发",isshow:false},
					{name:"whkgogo",age:21,position:"web前端开发",isshow:false}
				],
				titleMsg:"这是通过传值传过来的参数"
			}
		},
		components: {
			indexh,
			indexf,
			indexb
		} 
	}
</script>

<style>
	#app {
		width: 100%;
		font-family: Avenir, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
	}
</style>
